<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>常见问题</title>
		<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
		<link rel="stylesheet" type="text/css" href="css/public.css"/>
		<script type="text/javascript" src="js/rem.js"></script>
	</head>
	<style type="text/css">
		/*移动端1px下边线*/
		.border{ position: relative; }
		.border:after{ content: ''; display:block; position: absolute; width: 100%; left: 0px; bottom: 0px;height: 1px; background-color:  #ddd; -webkit-transform: scaleY(0.5); transform: scaleY(0.5);}
		.item{height: 1.05rem;background: #fff;font-size: 0.3rem;font-weight: bold;}
		.itemr{height: 1.05rem;width: 7.3rem;}
		.itemr img{width: 0.2rem;height: auto;margin-right: 0.2rem;}
		.add_bottom{height: 0.83rem;width: 7.1rem;background: #0d6fb8;border-radius: 7px;color: #fff;font-size: 0.3rem;margin: 6.73rem auto 0 auto;}
	</style>
	<body>
		<div class="container">
			<div class="item">
				<div class="itemr flex flex-align-center border" style="margin-left: 0.2rem;">
					<p class="flex-1">通道问题</p>
					<img src="img/help-right.png" alt="" />
				</div>
			</div>
			<div class="item">
				<div class="itemr flex flex-align-center border" style="margin-left: 0.2rem;">
					<p class="flex-1">通道问题</p>
					<img src="img/help-right.png" alt="" />
				</div>
			</div>
			<div class="item">
				<div class="itemr flex flex-align-center border" style="margin-left: 0.2rem;">
					<p class="flex-1">通道问题</p>
					<img src="img/help-right.png" alt="" />
				</div>
			</div>
			<div class="item">
				<div class="itemr flex flex-align-center" style="margin-left: 0.2rem;">
					<p class="flex-1">通道问题</p>
					<img src="img/help-right.png" alt="" />
				</div>
			</div>
		</div>
		<div class="add_bottom flex flex-align-center flex-pack-center">
			<p>加载更多</p>
		</div>
	</body>
</html>
